<template>
  <div class="today-container">

    <div class="box">
      <div class="t-header">
        <IconAli :sty="{width:'24px',height:'24px',marginTop:'2px'}" icon='question'></IconAli>
        <div class="title">
          智能习题
        </div>
        <div class="desc" style="padding-left: 20px;line-height: 32px;font-size:12px;vertical-align: bottom">
          你最近在学习 MySQL,JVM 等课程,为您推荐以下习题
        </div>
      </div>

      <!--主体题目-->
      <div>

      </div>
    </div>

  </div>
</template>

<script>
import IconAli from "@/views/common/IconAli";
export default {
  //组件名称
  name: "Today",
  props: [],
  //组件注册
  components: {IconAli},
  //数据驱动
  data() {
    return {}
  },
  //计算属性
  computed: {},
  //数据监听
  watch: {},
  //方法
  methods: {},
  //钩子函数
  mounted() {
  }
}
</script>

<style lang="less" scoped>
.today-container {
  margin: 10px auto;

  .box {
    min-width: 1200px;
    width: 1200px;
    margin: 20px auto 0px auto;

    .t-header {
      //border:1px solid #000000;
      box-shadow: 0px 0px 3px 1px #1c5bfa;
      padding-left: 6px;
      display: flex;
      .title {
        height:32px;
        font-size: 16px;
        line-height: 32px;
        padding-left: 6px;
      }
    }
  }
}
</style>